iT邦幫忙

3

Greensock-簡單、效能強的animation library

  • 分享至 

  • xImage
  •  

簡介Greensock,一個簡單、效能強的javascript animation library
在這個html5 animation在browser上支援還不成熟的時代,各家廠商都做了animation library。Greensock宣稱自己是個效能極好的library,

先來看看官網的實測:http://www.greensock.com/js/speed.html

我的firefox瀏覽器的結果:
YUI3 6.6 fps
Jquery 14.8 fps
Gsap(greensock) 23.4 fps

哇,Greensock大贏,這應該是有tune過的吧 ...

那api怎麼用呢?來看個把圖變大的範例吧~

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script>
$(document).ready(function(){
	TweenLite.to("#myID", 10, {width:150, height:150});
});
</script>


<img id='myID' src='http://www.century21.com.tw/images/smile-icon02.jpg'/>

有沒有很簡單?有興趣來玩玩看吧 :)


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
ted99tw
iT邦高手 1 級 ‧ 2013-04-17 11:37:34

生日快樂生日快樂生日快樂

這lib...簡直是在變魔術嘛,真不知說JQ是懶人的那位猛人要怎麼變這把戲~

0
fillano
iT邦超人 1 級 ‧ 2013-04-17 14:58:59

實作有差,看起來jQuery還是用setTimeout,而GreenShock已經在用requestAnimationFrame了。

我要留言

立即登入留言